* {
	box-sizing: border-box;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	padding: 3%;
	padding-top: 0px;
}

.grid-container {
	display: grid;
	grid-template-areas: 
		'header header header header'
		'top-left top-middle-left top-middle-right top-right'
		'left middle-left middle-right right' 
		'bottom-left bottom-middle-left bottom-middle-right bottom-right'
		'footer footer footer footer';
	gap: 40px;
} 

.top-left,
.top-middle-left,
.top-middle-right,
.top-right,
.left,
.middle-left,
.middle-right,
.right,
.bottom-left,
.bottom-middle-left,
.bottom-middle-right,
.bottom-right {
	font-size: 100px;
	padding: 100px;
	border: 3px solid;
	border-color: #a0a0a0;
	background-position: center;
	background-size: 100%;
	background-image: url("Wii Bg.jpg");
	border-radius: 35px;
	text-align: center;
	height: 313px;
	width: 550px;
}

.top-left {
	grid-area: top-left;
	padding: 0px;
}

.top-middle-left{
	grid-area: top-middle-left;
	padding: 0px;
}

.top-middle-right{
	grid-area: top-middle-right;
}

.top-right {
	grid-area: top-right;
}

.left {
	grid-area: left;
}

.middle-left {
	grid-area: middle-left;
}

.middle-right {
	grid-area: middle-right;
}

.right {
	grid-area: right;
}

.bottom-left {
	grid-area: bottom-left;
}

.bottom-middle-left {
	grid-area: bottom-middle-left;
}

.bottom-middle-right {
	grid-area: bottom-middle-right;
}
	
.bottom-right {
	grid-area: bottom-right;
}


footer {
	grid-area: footer;
	background-color: #fff;
	padding: 10px;
	text-align: center;
}

img {
  width: 100%;
  border: 1px solid;
	border-color: #a0a0a0;
	border-radius: 32px;
}

img:hover {
	transform:scale(1.05);
	animation-name: vid-hov;
	animation-duration: 0.2s;
}

video {
	border: 1px solid;
	border-color: #a0a0a0;
	border-radius: 32px;
}

video:hover {
	transform:scale(1.05);
	animation-name: vid-hov;
	animation-duration: 0.2s;
}

@keyframes vid-hov {
	0% {transform:scale(1);}
	5% {transform:scale(0.98);}
	100% {transform:scale(1.05);}
}